<template>
	<view>
		<view class="position-relative">
			<image 
			src="/static/demo/topicpic/1.jpeg" 
			mode="aspectFill"
			class="w-100 filter"
			style="height: 300rpx;"
			></image>
		</view>
		<view class="position-relative px-2 bg-white" style="z-index: 10;">
			<view class="flex">
				<image :src="info.cover" 
				class="rounded mr-1"
				style="width: 150rpx;height: 150rpx;margin-top: -75rpx;"
				></image>
				<text class="font-md">{{info.title}}</text>
			</view>
			<view class="flex align-center my-1 font text-secondary">
				<text class="mr-2">动态：{{info.news_count}}</text>
				<text>今日：{{info.today_count}}</text>
			</view>
			<view class="text-light-muted font-md">话题描述</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:['info']
	}
</script>

<style>
	.filter{
		filter: blur(10px);
	}
</style>
